<template>
  <div class="container">
    <h2>show和if</h2>
  
    <p v-show="flag">hello world</p>
    <p v-if="flag">nice to meet you</p>
    <p>我是后续的元素</p>

    <h2>if ... elseif....else</h2>

    <p v-if="age < 18">111111111</p>
    <p v-else-if="age >= 18 && age < 30">2222222222</p>
    <p v-else>333333333</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      flag: false,
      age: 20
    }
  }
}
</script>

<style>
h2 {
  color: red;
}
</style>